/** @type {import('tailwindcss').Config} */
const plugin = require("tailwindcss/plugin");
module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    supports: {
      "b-solid": "border: 1px solid block;",
      "flex-between":
        "display: flex;items-center;justify-content: space-between;",
    },
    extend: {
      colors: {
        primary: "#020AFF",
        "primary-dark-1": "#4b5dff",
        "primary-light-1": "#5495c2",
        "primary-light-2": "#4a5cfe",
      },
      fontSize: {
        xsm: ["13px", "17px"],
      },
    },
  },
  plugins: [
    plugin(function ({ addBase, addComponents, addUtilities, theme }) {
      addUtilities({
        ".flex-center": {
          display: "flex",
          "align-items": "center",
          "justify-content": "center",
        },
      });
    }),
  ],
  corePlugins: {
    preflight: false, // 添加这一行
  },
};
